/**
 * Copyright 2022 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import 'vars';
@import 'mixins';

ul {
  @include htf-unstyle-list;
  font-size: $font-size-small;
}

li {
  display: flex;
  padding: 10px $widget-inner-padding;
  border-bottom: 1px solid $border-light-grey;

  &:last-of-type {
    border-bottom: 0;
  }
}

.log-message {
  font-family: monospace, serif;
}

.timestamp-column {
  font-size: $font-size-very-small;
  margin-right: 10px;
  max-width: 170px;
  min-width: 170px;
}

.logger-name {
  color: $text-grey;
}

.log-message-content {
  white-space: pre-wrap;
  word-break: break-all;
}

.ng-log-level-warning {
  background: rgba($theme-yellow, .2);
}

.ng-log-level-error {
  background: rgba($theme-red, .25);
}

.ng-log-level-critical {
  background: rgba($theme-red, .45);
}
